Liquid Glass - Design language 統一新設計語言的視覺風格（指南）

A harmonized design language that’s more cohesive, adaptive and expressive.新的設計系統是更加統一（cohesive）、自適應（adaptive）、富有表現力（expressive）的設計語言

System Colors and Typography 系統色彩與字型調整

系統化的方法意味著在每一個層級都帶著明確的設計意圖，從最小的控制元件到最大的介面區域，每一個元素都要考慮它與整體系統之間的關係。在設計這個系統時，專注於最微小細節所帶來的影響。

我們對系統色彩進行了細膩卻意義深遠的調整，使其在淺色、深色和高對比度模式下都能與 Liquid Glass 和諧共處，同時保留了 Apple 獨有的那種“樂觀氣質”。

排版系統也得到了最佳化，以增強資訊的清晰度與結構感。字型現在更粗、更靠左排列，尤其在提示資訊或首次引導等關鍵時刻，更易於使用者閱讀與理解。

這次變化最大的還有形狀的使用，我們讓介面上的圓角、大小和比例都和裝置本身的邊框一致，看起來更協調。

形狀排布遵循一種“安靜的幾何秩序”，透過將圓角半徑（radii）與邊距（margins）圍繞共同的中心點對齊，介面中的形狀可以輕鬆巢狀在彼此之中，形成自然協調的層級關係。

為了保持視覺上的平衡，我們在需要時採用數學居中，但在某些特殊情況下也會微調位置，以避免光學錯覺或視覺重心偏移。

我們使用三種形狀型別來構建同心佈局，使用他們可以幫助你將元件與系統保持對齊，同時也更容易與 Apple 的 API 協同工作：

膠囊這種形狀最適合做同心設計，所以你會在整個系統裡常常看到它，用在滑塊、按鈕、表格等地方。在觸屏裝置上，膠囊讓你容易點。在觸屏裝置上，膠囊讓你容易點；但在桌面上，最好只用它來突出最重要的按鈕，不然會太花。

在 Mac 上，小尺寸控制元件還是用圓角矩形，它們更適合那些高密度的介面佈局，比如屬性面板。

大尺寸控制元件（Large）將使用膠囊形狀；新增的超大尺寸（X-Large）也會採用這種形狀，並結合 Liquid Glass 材質，用在空間更寬裕的介面中，以起到強調作用。

這些形狀結合使用時，可以在複雜的桌面介面中建立清晰的層級結構與視覺平衡，你的介面設計語言和元素必須與 Liquid Glass 保持協調，就像彈琴一樣，別讓你的按鈕在“跑調”，要和系統風格合拍才好看。

Watch for pinched or flared corners.注意避免出現過尖或過張的圓角

在你更新應用時，注意檢查介面中是否存在角度過尖（pinched）或過張（flared）的圓角，這些會造成視覺緊張感，破壞整體介面的協調。最常見的問題就是卡片裡的圖沒對齊，其實只要改成同心圓角，系統就能自動搞定，看起來也順眼。

你還可能在裝置邊緣附近（比如某個按鈕靠近螢幕邊）看到這種問題。在手機佈局中，建議使用膠囊形狀並加上額外邊距，避免介面元素“貼邊”顯得擁擠。

在 iPad 和 Mac 上，可以使用與視窗邊緣同心對齊的形狀（concentric shape），這樣可以更好地維持整體佈局的視覺平衡。

實用技術技巧：當某個元件有時候巢狀用，有時候單獨用，就讓它用帶備用圓角的同心形狀，系統會自動處理好。巢狀時就用自動對齊的圓角值，單獨用時就切換成備用圓角值，保證每種情況都協調。

比如你有一個使用者頭像元件，有兩種用法：

理想的狀態是在卡片中：